<template>
    <l-page>
        <l-navbar title="注册"></l-navbar>
        <view class="d-center mt-6">
            <u-image  width="100" height="100" src="https://picsum.photos/100"></u-image>
        </view>
        <form class="panel block !m-6">
            <l-input placeholder="请输入手机号" class="mb-3">
                <template #prefix>
                    <u-icon name="account"></u-icon>
                </template>
            </l-input>
            <l-input placeholder="请输入验证码" class="mb-3">
                <template #prefix>
                    <u-icon name="email"></u-icon>
                </template>
                <template #suffix>
                   <l-code></l-code>
                </template>
            </l-input>
            <l-input placeholder="请输入密码" type="password" class="mb-3">
                <template #prefix>
                    <u-icon name="lock"></u-icon>
                </template>
            </l-input>
            <l-input placeholder="请再次输入密码" type="password" class="mb-3">
                <template #prefix>
                    <u-icon name="lock"></u-icon>
                </template>
            </l-input>
            <l-button type="primary" class="mb-3">
                注册
            </l-button>
            <view class="flex items-center">
                    <u-checkbox ></u-checkbox>
                    <view class="text-sm flex">
                        同意并接收
                        <navigator url="/pages/" class="text-gray-600">
                                《用户协议》
                        </navigator>
                    </view>
            </view>
        </form>
    </l-page>
</template>
<script setup lang="ts">
</script>